<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>株洲小巨蛋主页</title>
	<meta name="keywords" content="株洲小巨蛋" />
	<link rel="stylesheet" type="text/css" href="css/HeadFooter.css" />
	<link rel="stylesheet" type="text/css" href="css/Home.css" />
	<link rel="stylesheet" type="text/css" href="js/swiper.min.css" />
</head>

<body>

	<div class="web">
		<!--头部-->
		<div class="head">
			<div class="logo">
				<a href="Home.html">
					<img src="img/home/logo.png" />
				</a>
			</div>
			<ul class="nav">
				<li>
					<a href="Jianjie.html">集团简介</a>
				</li>
				<li>
					<a href="">项目简介</a>
					<ul class="navTwo">
						<li>
							<a href="zi-smalljudan.html">株洲小巨蛋</a>
						</li>
						<li>
							<a href="zi-zongtiguihua.html">总体规划</a>
						</li>
						<li>
							<a href="zi-zhanmao.html">展贸中心</a>
						</li>
						<li>
							<a href="zi-quwei.html">区位介绍</a>
						</li>
						<li>
							<a href="zi-peisong.html">配送中心</a>
						</li>
						<li>
							<a href="zi-guojigongyu.html">国际公寓</a>
						</li>
						<li>
							<a href="zi-erqi.html">二期发展</a>
						</li>
					</ul>
				</li>
				<li>
					<a href="huxing.html">户型介绍</a>
				</li>
				<li>
					<a href="news.html">新闻更新</a>
				</li>
				<li>
					<a href="ZhaoShang.html">招商信息</a>
				</li>
				<li>
					<a href="LiuYan.html">留言联系</a>
				</li>
				<li>
					<a href="Friend.html">友情链接</a>
				</li>
			</ul>

		</div>
		<!--头部结束-->
		<div class="main">
			<div class="lunbo">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="img/home/主页.jpg" />
						<video width="135" height="85" controls="controls">
							<source src="myvideo/80s.mp4" type="video/mp4"></source>
							<source src="myvideo.ogv" type="video/ogg"></source>
							<source src="myvideo.webm" type="video/webm"></source>
							当前浏览器不支持 video直接播放，点击这里下载视频：
							<a href="myvideo.webm">下载视频</a>
						</video>
						<button value="点击查看更多">点击查看更多</button>
						<button>
							<span class="fenxiang">分享一下</span>
							<span class="img">
								<img src="img/home/分享.png" />
							</span>
						</button>

						<div class="titel">
							<h1>株洲小巨蛋</h1>
							<p>ZHUZHOU FASHION CENTER</p>
							<p>打造“中国(国际)名牌服饰展贸中心”</p>
						</div>
						<p>
							<span class="myweizhi">您的位置</span>主页</p>
					</div>
					<div class="swiper-slide">
						<img src="img/jianjie/集团简介_02.jpg" />
					</div>
					<div class="swiper-slide">
						<img src="img/Friend/友情链接_02.jpg" />
					</div>

				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>

				<!-- 如果需要导航按钮 -->
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>

				<!-- 如果需要滚动条 -->
				<!--<div class="swiper-scrollbar"></div>-->

			</div>

			<!--蓝条-->
			<div class="lantiao">
				<div class="lt"></div>
				<div class="zhuixing">
					<span class="news">NEWS</span>
				</div>
				<p>
					<span class="ltText">在1815线上，将有一座标志性建筑即将拔地而起，这就是被誉为芦淞服饰之窗的服饰演义发布中心，也就是“株洲小巨蛋”。——2013.7.11至2012.7.20</span</p>

			</div>
			<!--小巨蛋微信-->
			<div class="xiaojudan">
				<ul>
					<li>
						<div class="weixin">
							<img src="img/home/首页9_03.jpg" />
						</div>
						<h3>株洲小巨蛋官方微信</h3>
						<p>赶快打开微信扫一扫，添加株洲小巨蛋</p>
						<p>官方微信，天天有好礼</p>
					</li>
					<li>
						<div class="weixin">
							<img src="img/home/首页_05.jpg" />
						</div>
						<h3>城市新地标“小巨蛋”</h3>
						<p>“台北小巨蛋” 因造型独特而闻名。如今，株洲也将</p>
						<p>建设美轮美奂的“小巨蛋”，打造城市新地标</p>
					</li>
					<li>
						<div class="weixin">
							<img src="img/home/首页_07.jpg" />
						</div>
						<h3>株洲小巨蛋-欢迎您的加入</h3>
						<p>“株洲小巨蛋” 还将引进一流演艺团队，成为国内</p>
						<p>一流的大型服饰发布会、订货会等专业场地</p>
					</li>
				</ul>
			</div>

			<!--项目概括-->
			<div class="xmgaikuo">
				<h2>项目概括</h2>
				<ul>
					<li>
						<div class="map">
							<img src="img/home/首页地图_03.jpg" />
							<span class="nl">.</span>
							<span class="huim">.</span>
							<span class="nl-text">芦淞服装批发市场</span>
							<span class="nl-text2">汇美国际</span>
						</div>
					</li>
					<li>
						<div class="text">
							<h5>项目地址：湖南株洲芦淞区枫溪大道东侧</h5>
							<p>投资商：广州汇美集团</p>
							<p>开发商：株洲市汇美房地产有限公司</p>
							<p>招商热线：
								<span>0713-22509009或25882589</span>
							</p>
							<button>了解更多信息</button>
							<button>
								<span class="fenxiang">分享一下</span>
								<span class="img">
									<img src="img/home/分享符号-2.png" />
								</span>
							</button>
						</div>
					</li>
				</ul>
			</div>
			<!-- 关注我们 -->
			<div class="focusOur">
				<h2 class="title-Our">关注我们</h2>
				<ul class="lists">
					<li>
						<div class="weiboBox">
							<div class="img">
								<img src="img/home/微博03.jpg" alt="">
							</div>
							<P>株洲小巨蛋</P>
							<img class="guanzhu" src="img/home/微博.png" alt="">
						</div>

					</li>
					<li>
						<div class="weiboBox">
							<div class="img">
								<img src="img/home/微博_05.jpg" alt="">
							</div>
							<P>株洲汇美国际服饰展贸中心
							</P>
							<img class="guanzhu" src="img/home/微博.png" alt="">
						</div>

					</li>
					<li>
						<div class="weiboBox">
							<div class="img">
								<img src="img/home/微博_07.jpg" alt="">
							</div>
							<P>广州汇美国际 服装城
							</P>
							<img class="guanzhu" src="img/home/微博.png" alt="">
						</div>

					</li>
					<li>
						<div class="weiboBox">
							<div class="img">
								<img src="img/home/微博_13.jpg" alt="">
							</div>
							<P>新塘国际牛仔 博览中心
							</P>
							<img class="guanzhu" src="img/home/微博.png" alt="">
						</div>

					</li>
					<li>
						<div class="weiboBox">
							<div class="img">
								<img src="img/home/微博_16.jpg" alt="">
							</div>
							<P>汇美集团</P>
							<img class="guanzhu" src="img/home/微博.png" alt="">
						</div>

					</li>
				</ul>
				<img class="jiantou" src="img/home/下拉箭头.png" alt="">
			</div>
		</div>
		<!--底部-->
		<div class="footer">
			<div class="foot">
				<p>
					<span>
						<img src="img/home/国旗.jpg" />
					</span>
					<span class="china">中国</span>
					<span class="china">隐私政策</span>
					<span class="china">服务条款</span>
					<span>COPYRIGHT &copy; 1996-2013 RFC COMMUNIACTION TECHNOLOGY CO.LTD.ALL RIGHTS RESERVED.</span>
				</p>
			</div>
		</div>
	</div>
	<!--轮播插件-->
	<script type="text/javascript" src="js/swiper.min.js"></script>
	<script>
		var mySwiper = new Swiper('.lunbo', {
			//				direction: 'vertical',
			//循环
			loop: true,
			//				autoplay: true,
			// 如果需要分页器
			pagination: {
				el: '.swiper-pagination',
			},

			// 如果需要前进后退按钮
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},

			// 如果需要滚动条
			scrollbar: {
				el: '.swiper-scrollbar',
			},
		})
		//鼠标滑过pagination控制swiper切换
		for (i = 0; i < mySwiper.pagination.bullets.length; i++) {
			mySwiper.pagination.bullets[i].index = i + 1
			mySwiper.pagination.bullets[i].onmouseover = function () {
				mySwiper.slideTo(this.index);
			};
		}
	</script>
</body>

</html>